Ext.define('UDZ.view.ClothDetail', {
    extend: 'Ext.Panel', //继承.Panel*****
    xtype: 'clothdetail',
    requires: [
        'Ext.TitleBar',
        'Ext.MessageBox',
        'Ext.Img',
        'Ext.field.*'
    ],
    config: {
        xtype:'panel',
        style:'background-color:white;',
        height:'100%',
        scrollable:'vertical',
        layout:{
            type:'vbox'
        },
        items:[
            {
               xtype:'panel',
               height:50,
               docked: 'top',
               cls:'topbar border',
               style:'font-size:23px',
               html:'衣服详情',
                items:[
                    {
                        xtype:'image',
                        cls:'myinfo_back',
                        style:'margin-top:2px',
                        id:'clothDetaie_goback',
                        width:32,
                        height:32,
                        src:'resources/images/black-back.png',
                    }
                ]
            },
            {
                height:250,
                xtype:'image',
                imageCls:'ClothDetail_img',
                src:'resources/images/30.jpg',

            },
            {
                height:100,
                xtype:'panel',
                style:'position:relative;',
                cls:'border_top',
                layout:{
                    type:'vbox'
                },
                items:[
                    {
                        height:'100%',
                        xtype:'panel',
                        style:'position:relative;',
                        cls:'border',
                        layout:{
                            type:'hbox'
                        },
                        items:[
                            {
                                flex:3,
                                xtype:'panel',
                                items:[
                                    {
                                        xtype:'panel',
                                        cls:'detail_cloth_price',
                                        html: '￥456 '
                                    },
                                    {
                                       xtype:'panel',
                                       cls:'detail_cloth_name',
                                       html:'男黑色长袖体恤青春夏装上衣服男装秋605藏青'
                                    }
                                ]
                            },
                            {
                                flex:1,
                                xtype:'image',
                                imageCls:'detail_connection_img',
                                src:'resources/images/connection.png',
                                html:[
                                    '<span>收藏</span>'
                                ]
                            }
                        ]
                    },
                ]
            },
            {
                height:150,
                xtype:'panel',
                style:'position:relative;',
                cls:'border',
                layout:{
                    type:'vbox'
                },
                items:[
                    {
                        flex:1,
                        xtype:'panel',
                        items:[
                            {
                                xtype:'panel',
                                cls:'detail_cloth_size_font',
                                html: '尺码 '
                            },
                            {  //尺码表
                                xtype:'panel',
                                id:'size_table'
                            }
                        ]
                    },
                ]
            },
            {
                height:150,
                xtype:'panel',
                // style:'position:relative;',
                // cls:'border',
                layout:{
                    type:'vbox'
                },
                items:[
                    {
                        flex:1,
                        xtype:'panel',
                        items:[
                            {
                                xtype:'panel',
                                cls:'detail_cloth_size_font',
                                html: '颜色'
                            },
                            {  //尺码表
                                xtype:'panel',
                                id:'color_table'
                            }
                        ]
                    },
                ]
            },
            {
                xtype:'panel',
                height:45,
                style:'position:relative;',
                docked:'bottom',
                cls:'bottombar bgcolor border_top btn_radius',
                layout:{
                    type:'hbox',
                },
                items:[
                    {
                        flex:1,
                        xtype:'image',
                        src:'resources/images/cart.png',
                        styleHtmlContent:true,
                        imageCls:'detail_cart',
                    },
                    {
                        flex:3,
                        xtype:'panel',
                        items:[
                            {
                                xtype:'button',
                                text:'加入购物车',
                                cls:'add_cart_btn'
                            }
                        ]
                    },
                    {
                        flex:3,
                        xtype:'panel',
                        items:[
                            {
                                xtype:'button',
                                text:'立即购买',
                                cls:'buy_now_btn'
                            }
                        ]
                    }
                ]
            }
        ]


    }
});
